﻿@{
    Layout = "~/Views/Shared/_Layout.cshtml";
}
<!-- banner -->
<div id="banner">
    <div class="contact-banner">
        <img alt="" src="@Url.Content("~/Content/images/single-banner.jpg")">
    </div>
    <div class="container">
        <h1>
            Suporte.</h1>
    </div>
</div>
<!-- End banner -->
<!-- Content -->
<div id="content" class="container">
    <section class="page-box single-project">
        <div class="row-fluid">
            <div class="span8 page-content">
                <div class="project-slider">
                    <div class="flexslider">
                        <ul class="slides">
                            <li>
                                <img alt="" src="upload/photo2.jpg" />
                            </li>
                            <li>
                                <img alt="" src="upload/photo3.jpg" />
                            </li>
                            <li>
                                <img alt="" src="upload/photo4.jpg" />
                            </li>
                            <li>
                                <img alt="" src="upload/photo6.jpg" />
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div id="sidebar" class="span4">
                <ul class="widgets">
                    <li class="about-project widget">
                        <h2>
                            About Project</h2>
                        <p>
                            Sed interdum nisl pharetra ipsum aliquet tempus. Mauris pulvinar, nisl nec auctor
                            eleifend, felis leo aliquam purus, tristique semper purus nunc id ligula.
                        </p>
                        <div class="project-info">
                            <p>
                                Work by: <a href="#">Dallilu</a></p>
                            <ul class="share-project">
                                <li><span>Share the project:</span></li>
                                <li><a href="#" id="twi-share"></a></li>
                                <li><a href="#" id="fb-share"></a></li>
                                <li><a href="#" id="gog-share"></a></li>
                                <li><a href="#" id="sky-share"></a></li>
                                <li><a href="#" id="dribb-share"></a></li>
                            </ul>
                        </div>
                    </li>
                    <li class="project-description widget">
                        <h2>
                            Planos</h2>
                        <ul>
                            <li>Verum Basic Support</li>
                            <li>Verum Standard Support</li>
                            <li>Verum Full Support </li>
                        </ul>
                        @Html.ActionLink("Conheça nossos planos", "SuportePlanos", "Servicos", new { id = "lunch-project" })
                    </li>
                </ul>
            </div>
        </div>
    </section>
    <section class="recent-projects">
        <h2>
            Itens de serviço</h2>
        <div class="row-fluid">
            <div class="carousel slide" id="myCarousel">
                <a id="next-project" data-slide="next" href="#myCarousel" class="right carousel-control">
                </a><a id="prev-project" data-slide="prev" href="#myCarousel" class="left carousel-control">
                </a>
                <div class="carousel-inner">
                    <!-- Carosell first-line -->
                    <div class="item active">
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo6.jpg">
                                <a class="zoom-image" href="upload/photo6.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">E-mail corporativo</a></h3>
                            <p>
                                Lorem ipsum dolor sit amet, lavabat quo est cum obiectum aliquip ipsa</p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo7.jpg">
                                <a class="zoom-image" href="upload/photo7.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Hardware</a></h3>
                            <p>
                                Meam ad suis caelo in lucem exitum vivit in modo cavendum es.
                            </p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo3.jpg">
                                <a class="zoom-image" href="upload/photo3.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Firewall</a></h3>
                            <p>
                                Tunc lacrimas illa benignissime vi aureo in lucem exempli</p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo3.jpg">
                                <a class="zoom-image" href="upload/photo3.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Rede</a></h3>
                            <p>
                                Tunc lacrimas illa benignissime vi aureo in lucem exempli</p>
                        </div>
                    </div>
                    <!-- Carosell second-line -->
                    <div class="item">
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo6.jpg">
                                <a class="zoom-image" href="upload/photo6.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Vestibulum interdum arcu</a></h3>
                            <p>
                                Lorem ipsum dolor sit amet, lavabat quo est cum obiectum aliquip</p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo7.jpg">
                                <a class="zoom-image" href="upload/photo7.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Aenean sit amet ligula est,</a></h3>
                            <p>
                                Meam ad suis caelo in lucem exitum vivit in modo cavendum es.
                            </p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo3.jpg">
                                <a class="zoom-image" href="upload/photo3.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Maecenas hendrerit, lorem.</a></h3>
                            <p>
                                Tunc lacrimas illa benignissime vi aureo in lucem exempli</p>
                        </div>
                        <div class="span3 project-post">
                            <article>
                                <img alt="" src="upload/photo6.jpg">
                                <a class="zoom-image" href="upload/photo6.jpg" rel="gallery"></a><a class="link-image"
                                    href="single-project.html"></a>
                            </article>
                            <h3>
                                <a href="single-project.html">Vestibulum interdum arcu</a></h3>
                            <p>
                                Lorem ipsum dolor sit amet, lavabat quo est cum</p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>
</div>
<!-- End content -->
